<template>

    <!--创建异步组件
          作用：直观的作用： 当这个页面（项目的首页），没有加载出来， 提示的效果，当这个页面（项目的首页）
          加载完毕 =》显示这个页面

           本质：将这个项目  划分=》 通过异步组件 =》本质就是分包 =》打包的时候体现
        
        -->
        <AyLogin  />


</template>

<script setup lang="ts">
import { defineAsyncComponent } from 'vue'
import Loading from '@/views/Loading/index.vue'
// 作用 =》返回一个异步组件
  console.log(55559996);
  
let AyLogin = defineAsyncComponent({
    loader: () => import('@/views/Login/index.vue'),

// 加载异步组件时使用的组件
loadingComponent: Loading,
// 展示加载组件前的延迟时间，默认为 200ms
delay: 1000,

// 加载失败后展示的组件
// errorComponent: ErrorComponent,
// 如果提供了一个 timeout 时间限制，并超时了

}) 


// 去到我们这个 路由表 =》改根据路由匹配的地址
</script>

<style>

</style>